import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import axios from 'axios';
import 'font-awesome/css/font-awesome.min.css';

// 创建应用实例
const app = createApp(App);

// 配置Axios
axios.defaults.baseURL = 'http://127.0.0.1:8000';
axios.defaults.headers.post['Content-Type'] = 'application/json';

// 请求拦截器 - 添加token
axios.interceptors.request.use(
  (config) => {
    // 从本地存储获取token
    const token = localStorage.getItem('token');
    // 如果token存在，添加到请求头
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// 响应拦截器 - 处理token过期
axios.interceptors.response.use(
  (response) => {
    return response;
  },
  (error) => {
    // 如果是401未授权，清除token并跳转到登录页
    if (error.response && error.response.status === 401) {
      localStorage.removeItem('token');
      router.push('/login');
    }
    return Promise.reject(error);
  }
);

// 全局注册axios
app.config.globalProperties.$axios = axios;

// 使用路由
app.use(router);

// 挂载应用
app.mount('#app');
